<!DOCTYPE html>
<html lang="en">
<head>
    <title>jQuery Response</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />

    <!-- load custom fonts from google-->
    <link href='http://fonts.googleapis.com/css?family=Ek+Mukta:300,400' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css' />

    <!-- stylesheets -->
    <link rel="stylesheet" href="../../resources/design/css/main.css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" media="screen" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.arctic.css" media="screen" />
    <link rel="stylesheet" href="../../styles/site.css" media="screen" />

    <!-- html5 support for old browsers -->
    <!--[if lt IE 9]>
		<script src="js/vendor/html5shiv.js"></script>
    <![endif]-->


    <!-- fav_icons for different browsers -->
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../resources/design/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../resources/design/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../resources/design/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../resources/design/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="../../resources/design/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../resources/design/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../resources/design/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../resources/design/apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="../../resources/design/favicon-196x196.png" sizes="196x196" />
    <link rel="icon" type="image/png" href="../../resources/design/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/png" href="../../resources/design/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="../../resources/design/favicon-16x16.png" sizes="16x16" />
    <link rel="icon" type="image/png" href="../../resources/design/favicon-128.png" sizes="128x128" />
    <meta name="application-name" content="&nbsp;" />
    <meta name="msapplication-TileColor" content="#FFFFFF" />
    <meta name="msapplication-TileImage" content="mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
    <!-- background images stylesheets -->
    <!--[if lt IE 9]>
            <link rel="stylesheet" href="css/img_ie.css" />
        <![endif]-->
    <!--[if gt IE 8]>
            <link rel="stylesheet" href="css/img.css" />
        <![endif]-->
    <!--[if !IE]><!-->
    <link rel="stylesheet" href="../../resources/design/css/img.css" />
    <!--<![endif]-->
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/format.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
    <script type="text/javascript" src="../../scripts/demofunctions.js"></script>

    <!-- swipe plugin for slider -->
    <script src="../../resources/design/js/vendor/swipe.js"></script>

    <!-- svg to png for old browsers -->
    <script src="../../resources/design/js/vendor/svgeezy.min.js"></script>
    <script type="text/javascript">svgeezy.init(false, 'png');</script>

    <!-- main functions -->
    <script src="../../resources/design/js/main.js"></script>

    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-25803467-1']);
        _gaq.push(['_trackPageview']);
        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>
    <div id="pageTop">
    </div>
    <!-- DOCUMENTATION START -->
    <div class="documentation cf" id="doc">


        <div class="wrap">
            <div class="doc_mask"></div>
            <!-- LEFT COLUMN -->
            <nav class="doc_menu doc_menu_normal">
                <div class="jqx-response-icon jqx-widget-title-icon"></div>
                <p class="doc_menu_title">
                    <span>jqxResponse</span>
                </p>
                <ul>
                    <li><a id="demoLink" href='defaultfunctionality.htm'>Default Functionality</a>
                    </li>
                </ul>

            </nav>
            <!-- RIGHT COLUMN -->
            <div class="doc_content">
                <div style="position: relative; left: -20px; visibility: hidden; float: right;" class="themeSelector" id="themeSelector">
                    <div style="float: left; margin-top: 4px;">
                        Theme:
                    </div>
                    <div id="themeComboBox" style="margin-bottom: 3px; margin-top: 4px; margin-left: 10px; float: left;"></div>
                </div>
                <div id="tabs" class="demoTabs" style='width: 1000px; padding: 0px; margin: 0px; display: none;'>
                    <ul style='margin-left: 30px;'>
                        <li id='tab1'>Demo</li>
                        <li id='tab2'>View Source</li>
                        <li id='tab3'>API Reference</li>
                    </ul>
                    <div style="overflow: hidden;" id="tabs-1">
                        <table border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
                            <tr>
                                <td>
                                    <div id='divDescription'>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div id='innerdemoContainer'>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="overflow-x: auto; overflow-y: hidden;" id="tabs-2">
                    </div>
                    <div style="overflow: auto;" id="tabs-3">
                    </div>
                </div>
                <div id="introduction">
                </div>
            </div>
        </div>
    </div>
    <div id="pageBottom">
    </div>
</body>
</html>
